<template>

    <div class="login-box-a">
        <div text @click="dialogFormVisible = true"
            class="login-box-text">
            如何进行单位注册？
        </div>

        <el-dialog v-model="dialogFormVisible">

            <dl class="login-box-dl">
                <dt>如何进行单位注册？</dt>
                <dd>1. 填写“单位名称”、“申请人”、“申请人电话”；</dd>
                <dd>2. 下载<a style="color:rgb(253, 253, 253); font-weight: 700;" href="/青海省无人机综合服务管理平台注册审核表.docx" >《申请表》</a>；</dd>
                <dd>3. 填写《申请表》，并盖章扫描 ；</dd>
                <dd>4. 上传 《申请表》扫描件和《身份证复印件》 。</dd>
            </dl>

            <dl class="login-box-dla">
                <dt>填写表单注意事项</dt>
                <dd>1.《申请表》中要求内容均需要填写；</dd>
                <dd>2. 实际经办人与经办人<span>信息须一致</span>，办理业务时须出示相关<span>身份证件</span>;</dd>
                <dd>3.《申请表》<span>一式两份</span>，注册单位与管理单位各存档一份。</dd>
            </dl>


            <template #footer>
                <span class="dialog-footer">

                    <el-button type="primary"
                        @click="dialogFormVisible = false">
                        知道了
                    </el-button>
                </span>
            </template>
        </el-dialog>
    </div>

</template>


<script lang='ts' setup>import { ref } from 'vue';


const dialogFormVisible = ref(false)

</script>


<style lang='scss' scoped>
.login-box-a {

    .login-box-text {
        font-size: 14px;
        color: rgb(50, 87, 252);

        // 改变鼠标样式
        cursor: pointer;
    }

    ::v-deep .el-dialog {
        height: 450px;
        width: 40%;
        background: url(../../assets/img/LoginTable/tips_bg.8964277f.png)no-repeat center center;
        background-size: cover;

        .el-dialog__header{
            .el-dialog__headerbtn{
                .el-icon{
                    color: aliceblue;
                }
            }
        }
        .el-dialog__body {
            padding-top: 0;
            padding-bottom: 0;
            margin: 0 30px;

            .login-box-dl {
                dt {
                    color: rgb(253, 253, 253);
                    font-size: 25px;
                    font-weight: 700;
                    margin-bottom: 20px;
                }
                dd{
                    font-size: 12px;
                    line-height: 25px;
                    color: rgb(212, 212, 214);
                }
            }
            .login-box-dla{
                margin-top: 100px;
                dt {
                    color: rgb(0, 0, 0);
                    font-size: 18px;
                    font-weight: 700;
                    margin-bottom: 20px;
                }
                dd{
                    font-size: 12px;
                    line-height: 25px;
                    color: rgb(113, 113, 113);
                    span{
                        color: black;
                        font-weight: 700;
                    }
                }
            }
        }

        .el-button {
            width: 80px;
            height: 30px;
            border-radius: 20px;
            background-color: rgb(59, 59, 253);
            border: none;

        }
    }

    // button按钮


}
</style>